
.slider{
position: fixed;
top:150px;
width: 50px;
padding-left:10px;
}

ul.slider li{
-webkit-transition-duration: 700ms;
width: 15px;
border:0px solid #111111;
margin:1px;
display: block;
}
 
ul.slider li:hover{
margin-left:10px;
}
 
ul.slider li a{
-webkit-transition-duration: 400ms, 800ms, 800ms, 100ms;
background-color:#;
color: #000;
padding: 3px;
}
 
ul.slider li a:link, ul.slider li a{
border-left: 10px solid #1c1c1c;
display:block;
text-decoration:none;
background-image:url(https://ahmadridha.googlecode.com/svn/bg-noise-black.png);
}
 
ul.slider li a:hover{
background-color: #227d40;
color: #F4F4F4;
padding-left:50px;
z-slider: 2;
}
